﻿table, body { font-size: 12px; margin: 0; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
a.btn { *top: -7px; }

.editor-label, .display-label { width: 70px; text-align: right; padding-right: 5px; float: left; color: gray; }
.editor-label { padding-top: 5px; }
.editor-field { padding: 1px 0; padding-left: 71px; }
.display-field .check-box { margin: 3px 3px 0px 5px; }
.display-field { margin-left: 75px; }
.display-field::after { content: '\1'; }
.display-label, .display-field { padding: 5px 0; }
pre { margin: 0; }
label { color:#666;}
.aright { text-align: right;color:#666;width:60px;overflow:hidden;}

table { border-collapse: collapse; }
table th { padding: 6px 5px; }
table td { padding: 4px; border: 1px solid #AAA; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #f00; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #f00; background-color: #fee; }
.validation-summary-errors { font-weight: bold; color: #f00; }
.validation-summary-valid { display: none; }

#page-loading { position: absolute; top: 49%; left: 49%; width: 100px; display: none; }
#errormsg { display: none; }
#Main { overflow: auto; }

/* (scrolling) content-div inside pane allows for fixed header(s) and/or footer(s) */
.ui-layout-content { position: relative; /* contain floated or positioned elements */ overflow: auto; /* add scrolling to content-div */ overflow-x: hidden; border: 0; }
.ui-layout-resizer { /* all 'resizer-bars' */ background: #DDD; border: 1px solid #BBB; border-width: 0; }
.ui-layout-resizer-drag { /* REAL resizer while resize in progress */ }
.ui-layout-resizer-hover { /* affects both open and closed states */ }

/* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
   otherwise color shifts while dragging when bar can't keep up with mouse */
.ui-layout-resizer-open-hover, /* hover-color to 'resize' */
.ui-layout-resizer-dragging { /* resizer beging 'dragging' */ background: #C4E1A4; }
.ui-layout-resizer-dragging { /* CLONED resizer being dragged */ border: 1px solid #BBB; }
.ui-layout-resizer-north-dragging,
.ui-layout-resizer-south-dragging { border-width: 1px 0; }
.ui-layout-resizer-west-dragging,
.ui-layout-resizer-east-dragging { border-width: 0 1px; }

/* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
.ui-layout-resizer-dragging-limit { /* CLONED resizer at min or max size-limit */ background: #E1A4A4; /* red */ }
.ui-layout-resizer-closed-hover { /* hover-color to 'slide open' */ background: #EBD5AA; }
.ui-layout-resizer-sliding { /* resizer when pane is 'slid open' */ opacity: .10; /* show only a slight shadow */ filter: alpha(opacity=10); }
.ui-layout-resizer-sliding-hover { /* sliding resizer - hover */ opacity: 1.00; /* on-hover, show the resizer-bar normally */ filter: alpha(opacity=100); }

/* sliding resizer - add 'outside-border' to resizer on-hover 
 * this sample illustrates how to target specific panes and states */
.ui-layout-resizer-north-sliding-hover { border-bottom-width: 1px; }
.ui-layout-resizer-south-sliding-hover { border-top-width: 1px; }
.ui-layout-resizer-west-sliding-hover { border-right-width: 1px; }
.ui-layout-resizer-east-sliding-hover { border-left-width: 1px; }
.ui-layout-toggler { border: 1px solid #BBB; /* match pane-border */ background-color: #BBB; }
.ui-layout-resizer-hover .ui-layout-toggler { opacity: .60; filter: alpha(opacity=60); }
.ui-layout-toggler-hover, /* need when NOT resizable */
.ui-layout-resizer-hover .ui-layout-toggler-hover { /* need specificity when IS resizable */ background-color: #FC6; opacity: 1.00; filter: alpha(opacity=100); }
.ui-layout-toggler-north,
.ui-layout-toggler-south { border-width: 0 1px; /* left/right borders */ }
.ui-layout-toggler-west,
.ui-layout-toggler-east { border-width: 1px 0; /* top/bottom borders */ }

/* hide the toggler-button when the pane is 'slid open' */
.ui-layout-resizer-sliding .ui-layout-toggler { display: none; }

/*
 *	style the text we put INSIDE the togglers
 */
.ui-layout-toggler .content { color: #666; font-size: 12px; font-weight: bold; width: 100%; padding-bottom: 0.35ex; /* to 'vertically center' text inside text-span */ }
.ui-layout-west { background: #DDD; border: 0; }
.ui-layout-center { padding: 1px; }
.ui-layout-north { padding: 10px; }
.ui-layout-south { text-align: center; }
.ui-corner-all,
.ui-corner-top, .ui-corner-left, .ui-corner-right, .ui-corner-bottom,
.ui-corner-tl, .ui-corner-tr, .ui-corner-bl, .ui-corner-br { border-radius: 0 0; }

.ui-widget-text { padding: 5px 10px; font-size: 120%; }
.ui-widget-info { line-height: 300%; font-size: 120%; color: red; padding: 5px 10px; }
.ui-widget-sign { float: right; padding: 7px 40px; }
.ui-widget-buttonlist { text-align: center; }
.ui-widget-button { padding-left: 100px; }
.ui-widget-button div { clear: both; height: 1px; overflow: hidden; }
.ui-widget-buttondetail { padding-left: 70px; }

.ui-widget-pager { margin: 10px 0 0 0; padding: 0; text-align: right; float: right; }
.ui-widget-pager li { margin: 1px; list-style: none; float: left; }
.ui-widget-pager li.search { }
.ui-widget-pager li.search .text-box { margin: 0; border: 1px solid #aad; width: 40px; }
.ui-widget-pager li a, .ui-widget-pager li p,
.ui-widget-pager li span { border: 1px solid #aad; padding: 2px 5px; margin: 2px; color: #009; text-decoration: none; display: block; }
.ui-widget-pager li p { border-color: transparent; }
.ui-widget-pager li span.cur { border: #009 1px solid; font-weight: bold; color: #fff; background: #009; }
.ui-widget-pager li a:hover,
.ui-widget-pager li a:active { border: #009 1px solid; }
.ui-widget-pager .last { clear: both; *clear: none; height: 0; float: none; overflow: hidden; }

.ui-widget-search { padding: 2px 0; width: 100%; min-width: 990px; }
.ui-widget-searchbody { margin-top: 5px; width: 100%; min-width: 990px; }
.ui-widget-searchbody tr:hover { background: #cde; }
.ui-widget-searchpanel { padding: 2px 0; margin: 0; display: none; width: 100%; min-width: 990px; }
.ui-widget-searchpanel .ttl { width: 100px; text-align: right; float: left; display: block; overflow: hidden; }
.ui-widget-searchpanel .text-box { margin: 1px; }
.ui-widget-searchpanel ul { margin: 0; padding: 0; }
.ui-widget-searchpanel ul li { float: left; list-style: none; display: block; line-height: 150%; height: 22px; width: 300px; vertical-align: middle; }
.ui-widget-searchpanel div { clear: both; }
.ui-widget-searchpanel .check-box { margin: 3px 3px 0px 5px; }

.AccordionMenu { }
.AccordionMenu .ui-icon { float: left; }
.AccordionMenu ul { list-style: circle; padding: 0px; margin: 0; }
.AccordionMenu ul li { border-bottom: 1px solid #ddd; }
.AccordionMenu ul li a { display: block; line-height: 200%; text-decoration: none; }
.AccordionMenu ul li a:hover { font-weight: bold; }

.tab-label { position: relative; margin: 0 10px; *top: 7px; }
.tab-label .ui-widget-header { font-size: 12px; display: block; float: left; padding: 5px 10px; margin-left: 5px; }
.tab-label .cur { border-bottom-color: white; background: white; }
.tab-label .cur a { color: #333; }

div.tab-content { margin: 33px 10px 0 10px; background: white; color: #333; }
div.tab-content .tab-pager,
div.tab-content .tab-body { margin: 10px; padding: 0 10px; background: white; border: 1px solid #4297d7; color: #333; }
div.tab-content .tab-body p { margin: 5px; }
div.tab-content .tab-body em { font-style: normal; color: red; padding: 0 10px; }

div.tab-content .tab-pager { padding: 0; }
div.tab-content .tab-pager .ui-widget-pager { margin: 5px; }

div.tab-content .tab-table { margin: 10px; background: white; color: #333; }
div.tab-content .tab-table table { width: 100%; }
div.tab-content .tab-table table td { border: 1px solid #4297d7; line-height: 1.5em; padding-left: 10px; }
div.tab-content .tab-table table .content td { border: 0; word-break: break-all; }
div.tab-content .tab-table table .content td:first-child { width: 40px; }
div.tab-content .tab-table a { color: blue; }

form .ui-cell { display: inline-block; *float: left; width: 30%; position: relative; padding-left: 75px; min-height: 26px; }
form .ui-cell-full { *float: none; clear: both; display: block; }
form .ui-cell input.l { width: 250px; }
form .ui-cell input.s { width: 80px; }
form .ui-cell-bar { display: block; position: relative; padding-left: 75px; min-height: 26px; clear: both; vertical-align: text-bottom; }
form .ui-cell label { position: absolute; left: 0; line-height: 26px; width: 70px; text-align: right; }
form .ui-cell select { width: 155px; }

.form-edit { }
.form-edit fieldset { border: 1px solid skyblue; border-radius: 0; margin-bottom: 10px; position: relative; }
.form-edit legend { font-size: 14px; color: blue; }
.form-edit legend a { font-size: 14px; color: blue; background: #abc; }
.form-edit legend a:hover { font-size: 14px; color: red; background: #abc; }
.form-edit .ui-content { width: 490px; }
.form-edit .ui-content-info { position: absolute; left: 490px; }
.form-edit .ui-content-info b { color: #06f; }
.form-edit .ui-content-info p { margin: 5px 0; }
.form-edit .ui-content-info a { color: blue;font-weight:bold; }

.form-edit .ui-cell { width: auto; min-width: 159px; }
.form-edit .ui-cell select { width: 159px; }
.form-edit .ui-cell input[type=text] { width: 155px; }

.form-edit .ui-cell-full { width: auto; }
.form-edit .ui-cell-full textarea { width: 390px; height: 50px; margin-bottom: 5px; }
.form-edit .ui-cell-full input[type=text] { width: 390px; }

.form-edit .ui-cell input.s { width: 80px; }
.form-edit .ui-cell input.m { width: 155px; }
.form-edit .ui-cell select.s { width: auto; }

.form-edit ul { padding: 0; margin: 0; list-style: none; }
.form-edit li { padding: 0; margin: 0; list-style: none; }

.ui-content .b { font-weight: bold; }
.ui-content table { width: auto; }
.ui-content table td { border: none; }


form { padding-top: 10px; *padding-top: 0; }
.ui-data { padding: 0 10px; width: 90%; }
.ui-data table { width: 100%; }
.ui-data table th, .ui-data table td { border: 0; border-bottom: 2px solid #4297d7; padding: 2px; font-size: 12px; text-align: justify; }
.ui-data table td { border-bottom-width: 1px; }
.ui-data .ui-widget-pager { height: 35px; }
.ui-widget-pager form { padding-top: 0; margin-top: -1px; }

.ui-data td .ui-widget-pager { height: auto; margin: 0; }
